<template>
  <div id="goods-detail">
  <!-- 头部 -->
    <header class="w100p bg-fff flex aic jc-sb fixed">
        <p class="base pl-20">&lt; 返回</p>
        <p class="text">商品详情</p>
    </header>
    <!-- 上面 -->
    <div class="top w100p bg-fff">
        <img src="https://mall.s.maizuo.com/86d8414272e50b4b9a7b185ac30dfc86.png" alt="">
        <div class="top1 flex fdc jc-sa ml-15 mr-15">
            <p class="p1">
                <span class="fff f12" style="background-color: rgb(120, 160, 209);">直降</span>
                <span class="fff f12" style="background-color: rgb(145, 188, 111);">包邮</span>
                【山东】金秋红蜜桃 基地果园现摘现发 鲜甜红润肉厚 富含维生素
            </p>
            <p class=" p2 f12 textcolor" >果园生态种植 皮薄香甜爽口 富含天然维C</p>
            <div class="flex jc-sb aic">
                <p>
                    <span class="base f20">&yen;44.9</span>
                    <s class="f12 textcolor" >&yen;66.9</s>
                </p>
                <p class="dp1 f12 textcolor" >1314人购买</p>
            </div>
        </div>
        <div class="top2 flex fdc ml-20 mr-20">
            <p class="flex jc-sb aic textcolor"  >
                <span class="f14">规格: x 2</span>
                <i class="iconfont icon-iconfontyoujiantou-copy-copy-copy-copy"></i>
            </p>
            <p>
                <span class="flex jc-sb">
                    <span class="f14 textcolor" >配送至:</span>
                    <i class="iconfont icon-iconfontyoujiantou-copy-copy-copy-copy"></i>
                </span>
                <text class="f14">上海黄浦区非机动啥假发票感觉到破案动机....</text>
            </p>
            <p class="f14 textcolor">
                <i class="iconfont icon-dagou base"></i>
                <span>包邮</span>
            </p>
        </div>
    </div>
    <!-- 中间 -->
<div class="center bg-fff f12 w100p">
    <div class="cta w100p mt-15 textcolor">
        —— 商品详情 ——
    </div>
    <div class="images w100p bg-fff pt-10">
        <img style="height: 170px;" src="https://mall.s.maizuo.com/3e4b70023588c364c07d57bd57a59f27.jpg" alt="">
        <img style="height: 500px;" src="https://mall.s.maizuo.com/532ae56019d178d2c7d488a9651c2e69.jpg" alt="">
        <img src="https://mall.s.maizuo.com/2c5a493361d67e9c2130e61b1b501236.jpg" alt="">
        <img src="https://mall.s.maizuo.com/8bf6b4d8d7a6f790f16e23f6f5dfeba7.jpg" alt="">
        <img style="height: 270px;" src="https://mall.s.maizuo.com/06ef6e9c1a1120de1eb07e841514beb9.jpg" alt="">
        <img src="https://mall.s.maizuo.com/310502fb071319691dc88e34c0a8d1c9.jpg" alt="">
        <img src="https://mall.s.maizuo.com/502f0e21761e3ce9fc0df298a862e2bd.jpg" alt="">
        <img src="https://mall.s.maizuo.com/78ef97bb7be96f54eeeef25d0b36647f.jpg" alt="">
        <img src="https://mall.s.maizuo.com/5c8d80b1376980fb19f9c0c1c2fd7e95.jpg" alt="">
        <img style="height: 200px;" src="https://mall.s.maizuo.com/1a7684672b4330a9aab849623881033f.jpg" alt="">
        <img src="https://mall.s.maizuo.com/94e4d1305d6d1683de526977323b0412.jpg" alt="">
        <img src="https://mall.s.maizuo.com/e8141e9a1bf85ae880b88160c4644276.jpg" alt="">
        <img src="https://mall.s.maizuo.com/e35d59d9e6996dadc6a6503b4e5f309b.jpg" alt="">
        <img src="https://mall.s.maizuo.com/b343a47f5eb392868f72fbe7d42e256f.jpg" alt="">
        <img style="height: 200px;" src="https://mall.s.maizuo.com/28d52013b5fc7c6535ada898c1d008d2.jpg" alt="">
        <img style="height: 200px;" src="https://mall.s.maizuo.com/ee457bcf5fc02bca81221289bf6f7e5f.jpg" alt="">
    </div>
</div>
    <!-- 下面 -->
<div class="bottom w100p bg-fff f12 pb-20">
    <div class=" cta w100p pt-20 pb-20 textcolor">
        —— 预定流程及须知 ——
    </div>
    <img src="https://file.sdyxmall.com/h5/v1/public/app/img/group5.b0b24d0.png" alt="">
    <div class="context f12 pl-15 pr-20 textcolor">
        <p class="big-item pt-15 pb-20">一、关于发货</p>
        <p class="small-item">个工作日内发出（周末、法定节假日需顺延）个工作日内发出（周末、法定节假日需顺延）；</p>
        <p class="big-item pt-15 pb-20">二、关于发货</p>
        <p class="small-item">个工作日内发出（周末、法定节假日需顺延）个工作日内发出（周末、法定节假日需顺延）；</p>
        <p class="big-item pt-15 pb-20">二、关于发货</p>
        <p class="small-item">个工作日内发出（周末、法定节假日需顺延）个工作日内发出（周末、法定节假日需顺延）；</p>
        <p class="big-item pt-15 pb-20">二、关于发货</p>
        <p class="small-item">个工作日内发出（周末、法定节假日需顺延）个工作日内发出（周末、法定节假日需顺延）；</p>
    </div>
</div>
    <!-- 底部 -->
    <footer class="bg-fff w100p fixed flex jc-sb aic pl-5 pr-5">
        <div class="one flex jc-sa aic">
            <p class="flex fdc jc-sa aic">
                <i class="iconfont icon-iconfontfankui"></i>
                <span class="f14 textcolor">客服</span>
            </p>
            <p class="flex fdc jc-sa aic">
                <i class="iconfont icon-liwu"></i>
                <span class="f14 textcolor">收藏</span>
            </p>
            <p class="flex fdc jc-sa aic">
                <i class="iconfont icon-gouwuchexian"></i>
                <span class="f14 textcolor">购物车</span>
            </p>
        </div>
        <div class="two fff">
            <button class="btn1">加入购物车</button>
            <button class="btn2">立即购买</button>
        </div>
    </footer>
    
  </div>
  
</template>

<script>
export default {

}
</script>

<style lang="less">
@import './goodsDetail.less';
</style>